<HTML>
<!--
 ---------------------------------------------------------------------------
 this script is copyright (c) 2001 by Michael Wallner!
 http://www.wallner-software.com
 mailto:dhtml@wallner-software.com

 you may use this script on web pages of your own
 you must not remove this copyright note!

 Sie d�rfen dieses Script auf Ihren Webseiten verwenden
 Sie d�rfen diesen Copyright Hinweis jedoch nicht entfernen!
 ---------------------------------------------------------------------------
-->
<HEAD>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=UTF-8">
  <TITLE>HowTo: customized</TITLE>
  <STYLE>
    body, p
         {
         font-family:arial,helvetica;
         font-size:10pt;
         color:black;
         }
  </STYLE>

</HEAD>

<BODY leftmargin=10 topmargin=0 marginwidth=10 marginheight=0>
<BR>
<B>HowTo:</B> Build Outlook Like Bar seen on left hand...(customized values!)<HR>
<PRE>
&lt;script language="JavaScript" src="crossbrowser.js" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script language="JavaScript" src="outlook.js" type="text/javascript"&gt;
&lt;/script&gt;

&lt;SCRIPT&gt;
<SPAN style="color:darkgreen">
// ---------------------------------------------------------------------------
// Example of howto: use Outlook Like Bar
// ---------------------------------------------------------------------------


  //create OutlookBar-Object:
  //              Name
  //              x-position
  //              y-Position
  //              width
  //              height
  //              background-color
  //              page background-color (needed for OP5)
  //(screenSize object is created by 'crossbrowser.js')
  //
</SPAN>


  var o = new createOutlookBar('Bar',0,0,screenSize.width,screenSize.height,'#606060','white') <SPAN style="color:darkgreen">// OutlookBar
  //new in version 1.3 --> change panels and captions propeties!</SPAN>
  o.captionheight=48;                       <SPAN style="color:darkgreen">//new caption height</SPAN>
  o.captionbgcolor='blue';                  <SPAN style="color:darkgreen">//caption bgColor</SPAN>
  o.captioncolor='white';                   <SPAN style="color:darkgreen">//caption textcolor</SPAN>
  o.bordercolor='#ff8080';                  <SPAN style="color:darkgreen">//panel image-button bordercolor</SPAN>
  o.color='blue';                           <SPAN style="color:darkgreen">//panel textcolor (button-label)
  //new in version 1.5 --> change caption and button-label fontname and size!</SPAN>
  o.captionfont='times new roman';          <SPAN style="color:darkgreen">//caption FontName</SPAN>
  o.captionfontsize='15pt';                 <SPAN style="color:darkgreen">//caption FontSize</SPAN>
  o.buttonfont='courier';                   <SPAN style="color:darkgreen">//button-label FontName</SPAN>
  o.buttonfontsize='12pt';                  <SPAN style="color:darkgreen">//button-label FontSize</SPAN>

  var p

  <SPAN style="color:darkgreen">//create first panel</SPAN>
  p = new createPanel('al','Anwendungen&lt;BR&gt;in VB');
<SPAN style="color:darkgreen">
  //add buttons:
  //             image name
  //             label text
  //             onClick JavaScript code
  //
</SPAN>

....
</PRE>
<BR><BR><BR>

</BODY>
</HTML>
